<template>
    <div class="editor">
        <div ref="editor" style="text-align:left"></div>
        <button v-on:click="getContent">查看内容</button>
    </div>
</template>


<script>
    import E from 'wangeditor'

    export default {
        name: "WangEditor",
        data(){
            return {
                editorContent: ''
            }
        },
        methods: {
            getContent: function () {
                alert(this.editorContent)
            }
        },
        mounted() {
            var editor = new E(this.$refs.editor);

            editor.customConfig.onchange = (html) => {
                this.editorContent = html;
            }
            editor.create()
        }
    }
</script>

<style scoped>

</style>